import React, {Component} from 'react';
import {Link} from 'react-router';

import Icon from '../components/icons/index';

import "./index.less";

class Navbar extends Component {
    render() {
        return (
            <div id="setting-navbar">
                <div className="navs">
                    <Link to="/" className="return"><Icon type="arrow-return-left"/>返回笔记</Link>
                    <Link to="/setting/profile" activeClassName="active">个人信息</Link>
                    <Link to="/setting/security" activeClassName="active">安全信息</Link>
                </div>
            </div>
        );
    }
}

class SettingBoard extends React.Component {
    render() {
        return (
            <div id="setting">
                <Navbar/>
                <div className="container">
                    {this.props.children}
                </div>
            </div>
        )
    }
}

export default SettingBoard;